document.getElementsByClassName("mweb_modal_back_button")[0].onclick=function(){
    history.go(-1);
};
var data;//保存所有标签组数据
var friendarr;//保存所有好友数据
var lid;//保存当前标签组对应位置
var gid;//保存groupId
var newgid;//保存新建标签组的ID
var truewidth=parseFloat(parseFloat($(window).width())*0.95*0.15);
if(window.screen.availWidth>1000){
    $(".rightnav1").css("right",(parseFloat(window.screen.availWidth)-1000)/2+7+"px");
}
//===================================================获取用户ID=========================================================
var id=$.cookie("MYID");
if(id){

}else{
    location.href="index.html";
}
function labelshow(){
    $("#labelplace div").remove();
    $.ajax({
        type:"get",
        datatype:"json",
        url:getlabelurl+id,
        success:function(d){
            console.log(d);
            data= d.Data;
            if(data&& data.length>0){
                for(var i=0;i<data.length;i++){
                    $("#labelplace").append("<div class='labellist' onclick='showdetial(this)' data-num='"+i+"' data-gname='"+data[i].pulu_usergroup.groupname+"'><div><span>"+data[i].pulu_usergroup.groupname+"</span>(<span>"+data[i].userList.length+"</span>)</div></div>");
                }
            }else{
                $("#nolabel").css("display","block");
            }
        }
    });
};
//创建新的标签-----------------------------------------------------
var isaddnewlabel=0;//是否是创建新标签组 0不是 1是
$().ready(function(){
    //获取标签组------------------------------------------------------
    labelshow();
    //加载好友列表----------------------------------------------------
    $.ajax({
        datatype:"json",
        type:"get",
        url:friendlisturl+id,
        success:function(d){
            if(d.Data.length>0){
                //排序
                friendarr= d.Data;
                //function compare(property){
                //    return function(a,b){
                //        var value1 = pinyin.getCamelChars(a[property]);
                //        var value2 = pinyin.getCamelChars(b[property]);
                //        return value1.localeCompare(value2);
                //    }
                //}
                //friendarr.sort(compare("friendnick"));
                hasharr={};//判断字母是否存在
                for(var i=0;i<friendarr.length;i++){
                    friendarr[this.index]=i;
                    //如果昵称开头为汉字或英文字母
                    var key=pinyin.getCamelChars(friendarr[i].friendnick[0]);
                    //console.log(key);
                    if(key.match(/[a-z|A-Z]/)){
                        //console.log(key);
                        key=key.toLowerCase();
                        if(!hasharr[pinyin.getCamelChars(friendarr[i].friendnick[0])]){
                            hasharr[pinyin.getCamelChars(friendarr[i].friendnick[0])]=i;
                        }
                        $("#a").append("<div class='section_header section_header_gray "+key+"' data-num='"+i+"' style='display:none'> <span class='"+key+"'>"+key+"</span> </div><div class='friends' id='"+friendarr[i].friendId+"'> <input type='checkbox' class='addchatpeoplebtn' data-fid='"+friendarr[i].friendId+"'><div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'><img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/> </a> </div> <div class='innerplace tc_text'>"+friendarr[i].friendnick+"</div> </div>");
                    }else{
                        $("#jinghao").css("display","block");
                        $("#jinghao").append("<div class='friends' id='"+friendarr[i].friendId+"'> <input type='checkbox' class='addchatpeoplebtn' data-fid='"+friendarr[i].friendId+"'><div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'><img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/> </a> </div> <div class='innerplace tc_text'>"+friendarr[i].friendnick+"</div> </div>");
                    };
                }
                for(var key in hasharr){
                    var classname="'.zimutitle"+key+"'";
                    key=key.toLowerCase();
                    //document.querySelectorAll("div."+key)[0].style.display="block";
                    $("div."+key).eq(0).css("display","block");
                    $("div."+key).eq(0).attr('id',key);
                };
            }
        }
    });
    //右侧导航条点击跳转
    var englishbtn1=document.querySelectorAll(".rightnav1 div.zmbtn");//字母键
    var tonum1=0;
    //for(var en1=0;en1<englishbtn1.length;en1++){
    //   englishbtn1[en1].onclick=function(e){
    //        console.log("点击的是："+e.target.innerHTML);
    //        if($(".section_header.section_header_gray."+e.target.innerHTML).length>0){
    //            var engtitlenum=parseFloat(hasharr[e.target.innerHTML]);
    //            var divnum=parseFloat(document.querySelector(".section_header.section_header_gray."+e.target.innerHTML).dataset.num);
    //            var divheight=$(".friends").eq(0).height();
    //            var titleheight=$("div.section_header.section_header_gray").eq(0).height();
    //            heightdiv=titleheight*engtitlenum+divnum*divheight;
    //            $(window).scrollTop(heightdiv);
    //            console.log("页面跳转操作")
    //        }
    //   };
    //}
    for(var en=0;en<englishbtn1.length;en++){
        englishbtn1[en].onclick=function(e){
            //console.log("点击的是："+e.target.innerHTML);
            var key=e.target.innerHTML.toLowerCase();
            location.href="#"+key;
        };
    }
});
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////列表详情页面///////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var membernum=0;//记录标签组成员数量 用来监听删除成员的数量变化
//详情页展示成员---------------------------------------------------
function showdetial(e){
    isaddnewlabel=0;
    $("#labelpage").css("display","block");
    $("#mainpage").css("display","none");
    $("#labelpage #changelabelname input").val(e.dataset.gname);
    $(".memberplace div.memberbox").remove();
    var d=data[parseFloat(e.dataset.num)];//对应数组中的位置
    lid=parseFloat(e.dataset.num);
    gid=data[lid].pulu_usergroup.id;
    //console.log(d.userList);
    membernum=d.userList.length;//获得当前成员数量
    //console.log("成员数量："+membernum);
    for(var r=0;r< d.userList.length;r++){
        var headimg="<img src='img/af8.png'/>";
        if(imgurl+d.userList[r].userAva){
            headimg="<img src='"+imgurl+d.userList[r].userAva+"'/>";
        }
        $(".memberplace").prepend("<div class='memberbox'> <a class='xdelete' data-mem='"+d.userList[r].userId+"' data-lnum='"+d.pulu_usergroup.id+"' onclick='xdeletefun(this)' style='display: none;'>X</a><a href='#'>"+headimg+"</a> <div class='membername'>"+d.userList[r].nick+"</div> </div>");
        $(".memberbox a img").height($(".memberbox").eq(0).width());
        $(".memberbox1 a img").height($(".memberbox").eq(0).width());
    }
    document.getElementById("savechangebtn").dataset.dnum=lid;//保存按钮数据编号
    document.getElementById("deletelabelbtn").dataset.gnum=gid;//删除按钮数据编号
}
//详情页点击加号添加好友功能---------------------------------------
$("#addmemberbtn").click(function(){
    $("#imgchoicefriend").css("display","block");
    $("#csearchinput").val("");//搜索框清空
    $("#a1 div").remove();//搜索内容清空
    $("#labelpage").css("display","none");
    //console.log("此时的标签组位置是："+lid);
    //console.log("此时的标签组ID是："+data[lid].pulu_usergroup.id);
    var friendinput=document.getElementsByClassName("addchatpeoplebtn");
    //清除选项框状态（上此操作数据）
    for(var a=0;a<friendinput.length;a++){
        friendinput[a].checked=false;
        friendinput[a].disabled=false;
    }
    for(var i=0;i<data[lid].userList.length;i++){
        for(var r=0;r<friendinput.length;r++){
            if(data[lid].userList[i].userId===friendinput[r].dataset.fid){
                friendinput[r].checked=true;
                friendinput[r].disabled=true;
            }
        }
    }
});
//当前是否实在创建新的标签组 选择好友确定重复创建问题
var createlabelnow="";
var nowgroup;//正在创建中的标签的id
//好友页面确定按钮
$("#imgchoicedFDokbtn").click(function(){
    var friendinput=document.getElementsByClassName("addchatpeoplebtn");
    var userids=[];//添加所有好友的数组
    for(var i=0;i<friendinput.length;i++){
        if(friendinput[i].checked){
            userids.push(friendinput[i].dataset.fid);
        }
    }
    //console.log("isaddnewlabel:"+isaddnewlabel);
    //添加好友操作
    if(isaddnewlabel===0){
        $.ajax({
            type:"post",
            datatype:"json",
            url:addlabelmemurl,
            data:{"groupid":gid,"userids":userids},
            success:function(d){
                //console.log(d);
                location.reload();//刷新页面
            }
        });
        //创建标签组操作
    }else if(isaddnewlabel===1&&userids&&userids.length>0){
        isaddnewlabel=0;//关闭好友页打开详情页
        if(isaddnewlabel===0){
            $("#deletelabelbtn").css("display","none");
        }
        //console.log("isaddnewlabel",isaddnewlabel);
        var group={};
        group.ownerid =id;
        group.groupname = "";
        //刚开始创建
        if(createlabelnow!="yes"){
            $.ajax({
                type:"post",
                datatype:"json",
                url:addnewlabelurl,
                data:{"group":group,"persons":userids},
                success:function(d){
                    //console.log("创建新的标签组成功");
                    //console.log(d);
                    createlabelnow="yes";//正在创建
                    //获取新的标签组的ID
                    newgid= d.Data;
                    gid=newgid;
                    nowgroup=d.Data;//当前正在创建的标签组
                    //获取更新后的好友标签组
                    $.ajax({
                        type:"get",
                        datatype:"json",
                        url:getlabelurl+id,
                        success:function(json){
                            console.log(json);
                            $("#labelpage .memberplace .memberbox").remove();
                            data= json.Data;//更新所有数据
                            var d;//保存当前数据
                            for(var r0=0;r0<data.length;r0++){
                                if(data[r0].pulu_usergroup.id==newgid){
                                    lid=r0;
                                    d=data[r0];
                                }
                            }
                            console.log("开始添加新的标签好友数据");
                            membernum=d.userList.length;
                            console.log("成员数量："+membernum);
                            $("#labelpage #changelabelname input").val("");
                            for(var r=0;r< d.userList.length;r++){
                                var headimg="<img src='img/af8.png'/>";
                                if(imgurl+d.userList[r].userAva){
                                    headimg="<img src='"+imgurl+d.userList[r].userAva+"'/>";
                                }
                                $("<div class='memberbox'> <a class='xdelete' data-mem='"+d.userList[r].userId+"' data-lnum='"+d.pulu_usergroup.id+"' onclick='xdeletefun(this)' style='display: none;'>X</a><a href='#'>"+headimg+"</a> <div class='membername'>"+d.userList[r].nick+"</div> </div>").insertBefore("#addmemberbtn");
                                $(".memberbox a img").height(truewidth);
                                $(".memberbox1 a img").height(truewidth);
                            }
                            $("#labelpage").css("display","block");
                            $("#imgchoicefriend").css("display","none");
                            document.getElementById("savechangebtn").dataset.dnum=lid;//保存按钮数据编号
                            document.getElementById("deletelabelbtn").dataset.gnum=gid;//删除按钮数据编号
                        }
                    });
                    //当前为创建操作 返回及取消
                    isaddnewlabel=1;
                }
            })
        }
        //正在创建 再次选择为添加好友
        else{
            $.ajax({
                type:"post",
                datatype:"json",
                url:addlabelmemurl,
                data:{"groupid":nowgroup,"userids":userids},
                success:function(d){
                    //获取更新后的好友标签组
                    $.ajax({
                        type:"get",
                        datatype:"json",
                        url:getlabelurl+id,
                        success:function(json){
                            console.log(json);
                            $("#labelpage .memberplace .memberbox").remove();
                            data= json.Data;//更新所有数据
                            var d;//保存当前数据
                            for(var r0=0;r0<data.length;r0++){
                                if(data[r0].pulu_usergroup.id==nowgroup){
                                    lid=r0;
                                    d=data[r0];
                                }
                            }
                            console.log("开始添加新的标签好友数据");
                            membernum=d.userList.length;
                            console.log("成员数量："+membernum);

                            for(var r=0;r< d.userList.length;r++){
                                var headimg="<img src='img/af8.png'/>";
                                if(imgurl+d.userList[r].userAva){
                                    headimg="<img src='"+imgurl+d.userList[r].userAva+"'/>";
                                }
                                $("<div class='memberbox'> <a class='xdelete' data-mem='"+d.userList[r].userId+"' data-lnum='"+d.pulu_usergroup.id+"' onclick='xdeletefun(this)' style='display: none;'>X</a><a href='#'>"+headimg+"</a> <div class='membername'>"+d.userList[r].nick+"</div> </div>").insertBefore("#addmemberbtn");
                                $(".memberbox a img").height(truewidth);
                                $(".memberbox1 a img").height(truewidth);
                            }
                            $("#labelpage").css("display","block");
                            $("#imgchoicefriend").css("display","none");
                            document.getElementById("savechangebtn").dataset.dnum=lid;//保存按钮数据编号
                            document.getElementById("deletelabelbtn").dataset.gnum=gid;//删除按钮数据编号
                        }
                    });
                }
            });
        }
    }
});
//标签详情页关闭---------------------------------------------------
$("#labelgobackbtn").click(function(){
    if(isaddnewlabel===0){ //如果不是创建 就直接返回
        $("#mainpage").css("display","block");
        $("#labelpage").css("display","none");
    }else if(isaddnewlabel===1){//如果是创建 就取消
        $.ajax({
            type:"post",
            datatype:"json",
            url:deletelabelurl,
            data:{"groupid":newgid},
            success:function(d){
                console.log(d);
                isaddnewlabel=0;
                location.reload();//刷新页面
            }
        })
    }
});
//详情页点击加号好友功能---------------------------------------
$("#delmemberbtn").click(function(){
    console.log("点击删除按钮");
    if($(".xdelete").css("display")==="none"){
        $(".xdelete").css("display","block");
    }else if($(".xdelete").css("display")==="block"){
        $(".xdelete").css("display","none");
    }
    if(membernum<=1){
        $(".xdelete").css("display","none");
    }
});
function xdeletefun(e){
    var labelid=e.dataset.lnum;//删除标签组的ID
    var memid=e.dataset.mem;//删除标签组的ID
    $.ajax({
        type:"post",
        datatype:"json",
        url:dellabelmemurl,
        data:{"groupid":labelid,"userids":memid},
        success:function(d){
            console.log("成功删除成员"+d);
            $(e).parent().remove();//删除展示区域
            //location.reload();//刷新页面
            labelshow();
            membernum--;
            console.log("成员数量："+membernum);
            if(membernum<=1){
                $(".xdelete").css("display","none");
            }
        }
    })
}
//保存修改标签名---------------------------------------------------
$("#savechangebtn").click(function(e){
    if($("#labelpage #changelabelname input").val()&&$("#labelpage #changelabelname input").val()!=data[lid].pulu_usergroup.groupname&&!$("#labelpage #changelabelname input").val().match(/(^\s+$)/)){
        var group={};
        group.id=data[lid].pulu_usergroup.id;
        group.groupname=$("#labelpage #changelabelname input").val();
        $.ajax({
            type:"post",
            datatype:"json",
            url:changelabelnameurl,
            data:{"group": group},
            success:function(d){
                console.log(d);
                $("#labelpage").css("display","none");
                $("#mainpage").css("display","block");
                console.log("下面刷新页面");
                location.reload();//刷新页面
            }
        })
    }else if($("#labelpage #changelabelname input").val().match(/(^\s+$)/)||!$("#labelpage #changelabelname input").val()){
        alert("请输入有效标签名");
    }else{
        location.reload();//刷新页面
        $("#labelpage").css("display","none");
        $("#mainpage").css("display","block");
    }
});
//删除当前标签组---------------------------------------------------
$("#deletelabelbtn").click(function(){
    $("#heightexpdiv").css("display","block");
});
$("#heightexpok").click(function(){
    $.ajax({
        type:"post",
        datatype:"json",
        url:deletelabelurl,
        data:{"groupid":gid},
        success:function(d){
            console.log(d);
            location.reload();//刷新页面
        }
    })
});
$("#heightexpno").click(function(){
    $("#heightexpdiv").css("display","none");
});
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////创建新列表///////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//创建新的标签-----------------------------------------------------
//var isaddnewlabel=0;//是否是创建新标签组 0不是 1是
$("#addnewlabelbtn").click(function(){
    isaddnewlabel=1;
    //所有选择框清空 //清除选项框状态（上此操作数据）
    var friendinput=document.getElementsByClassName("addchatpeoplebtn");
    for(var a=0;a<friendinput.length;a++){
        friendinput[a].checked=false;
        friendinput[a].disabled=false;
    }
    $(".memberplace .memberbox").remove();//清除成员（上次操作）
    $("#imgchoicefriend").css("display","block");
    $("#mainpage").css("display","none");
});
//（功能:修改添加好友部分↑见：好友页面确定按钮部分）
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////好友列表页面///////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//好友列表页取消，返回操作-----------------------------------------
$("#friendgobackbtn").click(function(){
    if(isaddnewlabel===1){ //创建新标签打开的页面
        $("#imgchoicefriend").css("display","none");
        $("#mainpage").css("display","block");
    }else if(isaddnewlabel===0){ //详情页打开的页面
        $("#imgchoicefriend").css("display","none");
        $("#labelpage").css("display","block");
    }
});
//搜索好友---------------------------------------------------------
$("#csearchbtn").click(function(){//搜索跳转
    var word=$("#csearchinput").val();
    $("#a").css("display","none");
    $("#a1 div").remove();
    if(friendarr&&friendarr.length>0&&$("#csearchinput").val()){
        var fortim=0;
        var havefriend="no";
        for(var i=0;i<friendarr.length;i++){
            fortim++;
            var friendnick="";
            friendnick=friendarr[i].friendnick;
            console.log(friendnick);
            //如果好友列表中有搜索内容
            if(friendnick.match(word)){
                havefriend="yes";
                //如果是标签组搜索
                console.log("有搜索结果");
                if(isaddnewlabel===0){
                    var num=0;
                    var dis="";
                    for(var x=0;x<data[lid].userList.length;x++){
                        num++;
                        if(friendnick===data[lid].userList[x].nick){
                            dis="disabled='disabled' checked='checked'";
                            console.log("找到好友了");
                        }else{
                            console.log("没有找到好友");
                            $("#a1").append("<div>没有找到“"+word+"”相关结果</div>");
                        }
                    }
                    if(num===data[lid].userList.length){
                        var headimg="<img src='img/af8.png' class='topic_photo_img'/> ";
                        if(friendarr[i].headimg){
                            headimg="<img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/>";
                        }
                        $("#a1").append("<div class='section_header section_header_gray' data-num='"+i+"' style='display:none'> </div><div class='friends' id='"+friendarr[i].friendId+"'> <input type='checkbox' class='addchatpeoplebtn' "+dis+" data-fid='"+friendarr[i].friendId+"'><div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'>"+headimg+"</a> </div> <div class='innerplace tc_text'>"+friendarr[i].friendnick+"</div> </div>");
                    }
                    // 如果是新建搜索
                }else if(isaddnewlabel===1){
                    var headimg="<img src='img/af8.png' class='topic_photo_img'/> ";
                    if(friendarr[i].headimg){
                        headimg="<img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/>";
                    }
                    $("#a1").append("<div class='section_header section_header_gray' data-num='"+i+"' style='display:none'> </div><div class='friends' id='"+friendarr[i].friendId+"'> <input type='checkbox' class='addchatpeoplebtn' data-fid='"+friendarr[i].friendId+"'><div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'>"+headimg+"</a> </div> <div class='innerplace tc_text'>"+friendarr[i].friendnick+"</div> </div>");
                }
            }
            //没有搜索结果
            else{
                if(fortim===friendarr.length&&havefriend==="no"){
                    $("#a1").append("<div style='background:#ececec;text-align: center;padding: 15px;'>没有找到“"+word+"”相关结果</div>");
                }

            }
        }
        $("#a1").css("display","block");
    }
});
//键盘回车
document.onkeydown=function(event){
    var e = event || window.event || arguments.callee.caller.arguments[0];
    if(e && e.keyCode==13){
        var word=$("#csearchinput").val();
        $("#a").css("display","none");
        $("#a1 div").remove();
        if(friendarr&&friendarr.length>0&&$("#csearchinput").val()){
            var fortim=0;
            var havefriend="no";
            for(var i=0;i<friendarr.length;i++){
                fortim++;
                var friendnick="";
                friendnick=friendarr[i].friendnick;
                //console.log(friendnick);
                //如果好友列表中有搜索内容
                if(friendnick.match(word)){
                    havefriend="yes";
                    //如果是标签组搜索
                    console.log("有搜索结果");
                    if(isaddnewlabel===0){
                        var num=0;
                        var dis="";
                        for(var x=0;x<data[lid].userList.length;x++){
                            num++;
                            if(friendnick===data[lid].userList[x].nick){
                                dis="disabled='disabled' checked='checked'";
                                console.log("找到好友了");
                            }else{
                                console.log("没有找到好友");
                                //$("#a1").append("<div>没有找到“"+word+"”相关结果</div>");
                            }
                        }
                        console.log("方法执行了");
                        var headimg="<img src='img/af8.png' class='topic_photo_img'/> ";
                        if(friendarr[i].headimg){
                            headimg="<img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/>";
                        }
                        if(num===data[lid].userList.length){
                            console.log("添加数据");
                            $("#a1").append("<div class='section_header section_header_gray' data-num='"+i+"' style='display:none'> </div><div class='friends' id='"+friendarr[i].friendId+"'> <input type='checkbox' class='addchatpeoplebtn' "+dis+" data-fid='"+friendarr[i].friendId+"'><div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'>"+headimg+"</a> </div> <div class='innerplace tc_text'>"+friendarr[i].friendnick+"</div> </div>");
                        }
                        // 如果是新建搜索
                    }else if(isaddnewlabel===1){
                        var headimg="<img src='img/af8.png' class='topic_photo_img'/> ";
                        if(friendarr[i].headimg){
                            headimg="<img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/>";
                        }
                        $("#a1").append("<div class='section_header section_header_gray' data-num='"+i+"' style='display:none'> </div><div class='friends' id='"+friendarr[i].friendId+"'> <input type='checkbox' class='addchatpeoplebtn' data-fid='"+friendarr[i].friendId+"'><div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'>"+headimg+"</a> </div> <div class='innerplace tc_text'>"+friendarr[i].friendnick+"</div> </div>");
                    }
                }
                //没有搜索结果
                else{
                    if(fortim===friendarr.length&&havefriend==="no"){
                        $("#a1").append("<div style='background:#ececec;text-align: center;padding: 15px;'>没有找到“"+word+"”相关结果</div>");
                    }

                }
            }
            $("#a1").css("display","block");
        }
    }
};
//监听输入框
$("#csearchinput").bind('input propertychange',function(){
    if(!$("#csearchinput").val()){
        $("#a").css("display","block");
        $("#a1").css("display","none");
    }
});